<template>
	<!-- 用户系统-个人页面-优惠券 -->
	<div class="weui-panel" style="height: 100%;">
		<div class="weui-navbar" style="height: 2.5rem;">
			<!-- weui-bar__item_on -->
			<div class="weui-navbar__item weui-bar__item_on">
				可用
			</div>
			<div class="weui-navbar__item">
				已用
			</div>
			<div class="weui-navbar__item">
				已过期
			</div>
		</div>
		<div v-if="coupons.length == 0" class="weui-panel__bd">
			暂无数据
		</div>
		<div style="position: absolute;bottom: 0;width: 100%;">
			<button class="btn" @click="goBack">返回</button>
		</div>
	</div>
</template>

<script>
	import $ from 'jquery'
	export default {
		data() {
			return {
				coupons:[]//课程信息
			}
		},
		mounted() {
			this.initJquery();
		},
		methods: {
			initJquery() {
				let _that = this;
				$('.weui-navbar__item').on('click', function() {
					$(this).addClass("weui-bar__item_on");
					$(this).siblings().removeClass('weui-bar__item_on');
					var index = $(this).index();
					
				})
			},
			exchangeData() {
				
			},
			goBack(){
				this.$router.go(-1);
			}
		},
		watch: {
			couponType: function(newVal, oldVal) {
				if (newVal != oldVal) {
					exchangeData();
				}
			}
		}
	}

	//jquery初始化方法
</script>

<style>
	@import "../../assets/css/returnBtn.css";
</style>
